<template>
  <div class="dashboard">
    <TopView />
    <MiddleView />
    <BottomView />
  </div>
</template>

<script>
import TopView from './components/TopView.vue'
import MiddleView from './components/MiddleView.vue'
import BottomView from './components/BottomView.vue'
export default {
  name: 'Dashboard',
  components: {
    TopView,
    MiddleView,
    BottomView
  },
  // 页面加载后,先获取mock的数据
  mounted() {
    this.$store.dispatch('data/getReportData')
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  width: 100%;
  padding: 20px;
  background: #eee;
}
</style>
